<template>
	<view class="Lu-shezhi-box">
		<view class="clearfix Lu-shezhi-list" @click="navTo('/pages/personal/bdphone')">
			<view class="fl" v-if="userInfo.mobile == ''">
				<text class="iconfont icon-bdphone"></text>
				<text class="Lu-shezhi-tit">绑定手机</text> 
			</view>
			<view class="fl" v-else>
				<text class="iconfont icon-bdphone"></text>
				<text class="Lu-shezhi-tit">修改手机</text> 
				<text class="Lu-shezhi-getphone">{{userInfo.mobile}}</text>
			</view>
			<view class="fr"><text class="iconfont icon-gengduo"></text></view>
		</view>
		<view class="clearfix Lu-shezhi-list" @click="navTo('/pages/personal/fankui')">
			<view class="fl">
				<text class="iconfont icon-fankui"></text>
				<text class="Lu-shezhi-tit">意见反馈</text>
			</view>
			<view class="fr"><text class="iconfont icon-gengduo"></text></view>
		</view>
		<view class="clearfix Lu-shezhi-list" @click="gophone(lianxiphone)">
			<view class="fl">
				<text class="iconfont icon-shangjiaphone"></text>
				<text class="Lu-shezhi-tit">联系我们</text>
			</view>
			<view class="fr"><text class="iconfont icon-gengduo"></text></view>
		</view>
		<view class="clearfix Lu-shezhi-list" @click="navTo('/pages/personal/help')">
			<view class="fl">
				<text class="iconfont icon-jiaocheng"></text>
				<text class="Lu-shezhi-tit">帮助中心</text>
			</view>
			<view class="fr"><text class="iconfont icon-gengduo"></text></view>
		</view>
		<view class="clearfix Lu-shezhi-list" style="border-bottom: none;" @click="navTo('/pages/personal/guanyu')">
			<view class="fl">
				<text class="iconfont icon-guanyu"></text>
				<text class="Lu-shezhi-tit">关于我们</text>
			</view>
			<view class="fr"><text class="iconfont icon-gengduo"></text></view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		computed: {
			...mapState(['hasLogin','userInfo','openId','apiUrl','pid'])
		},
		data() {
			return {
				
			}
		},
		methods:{
			navTo(url) {
				uni.navigateTo({
					url
				})
			},
			
			
			gophone:function(phone){
				uni.makePhoneCall({
				 	
				 	// 手机号
				    phoneNumber: phone, 
				
					// 成功回调
					success: (res) => {
						console.log('调用成功!')	
					},
				
					// 失败回调
					fail: (res) => {
						console.log('调用失败!')
					}
					
				  });
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f5f5f5;
	}
	.Lu-shezhi-box{
		margin-top: 20rpx;
		padding: 0 30rpx;
		background-color: #fff;
		color: #666666;
		.Lu-shezhi-list{
			padding:30rpx 0 30rpx 20rpx;
			font-size: 30rpx;
			// font-weight: 700;
			letter-spacing: 2rpx;
			border-bottom: 2rpx solid #e5e5e5;
			
			.Lu-shezhi-tit{
				margin-left: 40rpx;
				font-size: 32rpx;
			}
			.iconfont{
				font-size: 44rpx;
			}
			.icon-gengduo{
				color: #999;
				font-size: 30rpx;
			}
		}
	}
	.Lu-shezhi-getphone{
		margin-left: 210rpx;
		letter-spacing: 0;
		color: #999;
		font-weight: 100;
	}
</style>
